// 导入 vue 这个包, Vue 构造函数
import Vue from 'vue'
// 一个 vue 文件就是一个组件
// 导入 App.vue, 导入的组件对象
import App from './App.vue'

// 不重要, 关闭项目上线后的提示
Vue.config.productionTip = false

// new Vue({
//   // render 函数, 这里不会讲解其原理, 等小兔鲜项目再给大家详细展开
//   // 现在可以简单理解为, 这个函数在帮我们创建 "DOM"
//   // 传入 App 组件, 意思就是根据 App 组件创建 DOM 元素
//   render: h => h(App),
// }).$mount('#app')

// 创建 Vue 对象
// 传入一个配置对象
const vm = new Vue({
  // render 函数, 这里不会讲解其原理, 等小兔鲜项目再给大家详细展开
  // 现在可以简单理解为, 这个函数在帮我们创建 "DOM"
  // 传入 App 组件, 意思就是根据 App 组件创建 DOM 元素
  render: h => h(App),
})

// 将刚刚创建的 DOM 元素, 挂载到 #app 处, #app 就是 id 为 app 的元素
vm.$mount('#app')

// 项目文件清理:
// 1. 删除 App.vue 中所有的代码, 留一个空架子
// 2. 删除 src/assets 目录
// 3. 删除 src/components 目录
// components[kəmˈpəʊnənts]
